<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<meta name="viewport" content="width=device-width, user-scalable=no" />

	<title>iPhone-only Bookmarklet Installation</title>
	
	
	
	<!-- 	
		
		This file is placed in the root level of the server and renamed on the server to "___"
		These instructions can be used to install any bookmarklet, just link here with the bookmarklet code in the query string
		
		The following will probably need to be added to the root htaccess file:
		
		<Files "___"> 
		ForceType 'text/html; charset=UTF-8' 
		</Files>
		
		
	 -->
	
	
	<style type="text/css" media="screen">
		
		
	/*	
	 *	iPhone CSS info gleaned from my head and:
	 *
	 *	- iUi: 
	 *      http://iui.googlecode.com    
	 *
	 *	- Ankur Kothari: 
	 *      http://lipidity.com/apple/iphone-webkit-css-3/
	 *
	 */
	
	body {
		margin: 0;
		padding: 0;
		background-color: #fff;
		color: #000;
		font-family: Helvetica;
		overflow-x: hidden;
		-webkit-user-select: none;
		-webkit-text-size-adjust: none;
	}


	body[orient="landscape"] > *:not(.toolbar) {
		min-height: 268px;
	}

	body > *[selected="true"] {
		display: block;
	}

	.content{margin:0 6px;}

	.content em {font-size: 14px;}
	p{font-size:16px;}
	h1{font-size:20px;}
	h2{font-size:16px;}

	.content img {
		border: 1px solid #999;
		display: block;
		margin: auto auto;
	}
	</style>
	
	<script type="text/javascript" charset="utf-8">
		if (document.location.search.indexOf('iTransmogrify') > -1)
			document.title='iTransmogrify!';
		
		window.addEventListener("load", function(){window.scrollTo(0,1)})
	</script>
</head>

<body>
<div class="content">
	<h1>
		iPhone-only Bookmarklet Installation Guide
	</h1>
	<div>
		<em>by <a href="http://joemaller.com/">Joe Maller</a></em>
	</div>
	<p>
		You're here, so let's install the bookmarklet directly onto your iPhone!
	</p>
	<h2>
		Step 1: Bookmark this page
	</h2>
	<p>
		Tap the add button at the bottom of the screen, make a note of the name and bookmarks folder, then click Save.
	</p>
	<p>
		<img src="http://itransmogrify.googlecode.com/svn/trunk/images/install/add_bookmark.jpg" style="width: 300px; height: 50px" alt="add bookmark button"/>
	</p>
	<p>
		<img src="http://itransmogrify.googlecode.com/svn/trunk/images/install/save_bookmark.jpg" style="width: 300px; height: 208px;" alt="save bookmark" />
	</p>
	<h2>
		Step 2: Edit the Bookmark
	</h2>
	<p>
		Tap the Bookmarks button at the bottom of the screen, navigate through your Bookmarks folders until you find the new bookmark. <strong>Click Edit.</strong>
	</p>
	<p>
		<img src="http://itransmogrify.googlecode.com/svn/trunk/images/install/edit_bookmark.jpg" style="height: 50px; width: 300px;" alt="edit bookmark"/>
	</p>
	<p>
		Tap the address in the second field, then tap-drag all the way to the left, this will take a few seconds.
	</p>
	<p>
		<img src="http://itransmogrify.googlecode.com/svn/trunk/images/install/delete_this.jpg" style="width: 300px; height: 211px;" alt="delete this text"/>
	</p>
	<p>
		Place the editing point after the blue-shaded text, between the "?" and the j in "javascript", then tap and hold down the delete key.
	</p>
	<p>
		That's it! You've enabled the bookmarklet, enjoy!
	</p>
	
	
	<script type="text/javascript"><!--
	google_ad_client = "pub-9672023257617970";
	//234x60, created 1/24/08
	google_ad_slot = "5530458021";
	google_ad_width = 234;
	google_ad_height = 60;
	//--></script>
	<script type="text/javascript"
	src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
	</script>

	<p>
		<em>Thanks to <a href="http://joemaller.com/2008/01/12/itransmogrify/#comment-34069">Khac Chuong Nguyen</a> for the original idea.</em>
	</p>
</div>




<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-2501271-1");
pageTracker._initData();
pageTracker._trackPageview();
</script>
</body>
</html>
